<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  
  <title>滚动截图教程 | Xnip | Mac上方便好用的截图工具</title>

  

  
  <meta name="description" content="滚动截图操作 GIF 示例：
 查看截取的图片


如何使用滚动截图
1.开始截图您可以通过快捷键或者状态栏图标开始截图



2.选择需要截图的区域通过鼠标的拖拽选择需要截图的区域，请选择正确的位置，减小截取的宽度有利于成功概率，注意不要包含滚动条或者悬浮不动的内容，你选择的区域内应该仅包含会滚动">
  

  

  <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">

  <meta property="og:title" content="滚动截图教程"/>

  <meta property="og:site_name" content="Xnip"/>

  
  <meta property="og:image" content="/favicon.ico"/>
  

  <link href="/favicon.ico" rel="icon">
  <link rel="alternate" href="/atom.xml" title="Xnip" type="application/atom+xml">
  <link rel="stylesheet" href="/css/style.css" media="screen" type="text/css">

  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?7ad2979dad8c0eabc0d73a9992edabfe";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
</head>


<body>
<div class="blog">
  <div class="content">

    <header>
  <div class="site-branding">
    <h1 class="site-title">
      <a href="/">Xnip</a>
    </h1>
    <p class="site-description">Mac上方便好用的截图工具</p>
  </div>
  <nav class="site-navigation">
    <ul>
      
        <li><a href="/">主页</a></li>
      
        <li><a href="/support">支持</a></li>
      
    </ul>
  </nav>
</header>

    <main class="site-main posts-loop">
    <article>
    
      <h2 class="article-title"><span>滚动截图教程</span></h2>
    
  <div class="article-top-meta">
   
  </div>


  

  <div class="article-content">
    <div class="entry">
      
        <p><strong>滚动截图操作 GIF 示例：</strong></p>
<div align="center"><img src="http://github.com/ZekeDa/XnipWebsite/raw/master/images/scrolling_catpure_gif.gif" alt="" title="[image]" width="500"></div><br><div align="center"> <a href="https://gitee.com/zhangzida/XnipPages/raw/master/images/scrolling_capture_result.jpg" target="_blank" rel="external">查看截取的图片</a></div>

<p><br></p>
<h1 id="如何使用滚动截图"><a href="#如何使用滚动截图" class="headerlink" title="如何使用滚动截图"></a>如何使用滚动截图</h1><p><br></p>
<h2 id="1-开始截图"><a href="#1-开始截图" class="headerlink" title="1.开始截图"></a>1.开始截图</h2><p>您可以通过快捷键或者状态栏图标开始截图</p>
<div align="center"><img src="https://gitee.com/zhangzida/XnipPages/raw/master/images/start_scrolling_capture.jpg" alt="" title="[image]" width="600"></div>

<p><br><br><span id="Select an area"></span></p>
<h2 id="2-选择需要截图的区域"><a href="#2-选择需要截图的区域" class="headerlink" title="2.选择需要截图的区域"></a>2.选择需要截图的区域</h2><p>通过鼠标的拖拽选择需要截图的区域，请选择正确的位置，减小截取的宽度有利于成功概率，注意不要包含滚动条或者悬浮不动的内容，<strong>你选择的区域内应该仅包含会滚动的内容</strong>。</p>
<div align="center"><img src="https://gitee.com/zhangzida/XnipPages/raw/master/images/select_a_region.jpg" alt="" title="[image]" width="600"></div>

<p><br></p>
<h2 id="3-点击工具栏按钮开始滚动截图"><a href="#3-点击工具栏按钮开始滚动截图" class="headerlink" title="3.点击工具栏按钮开始滚动截图"></a>3.点击工具栏按钮开始滚动截图</h2><div align="center"><img src="https://gitee.com/zhangzida/XnipPages/raw/master/images/click_scrolling_capture.jpg" alt="" title="[image]" width="200"></div>

<p><br></p>
<h2 id="4-缓慢滚动需要截取的内容"><a href="#4-缓慢滚动需要截取的内容" class="headerlink" title="4.缓慢滚动需要截取的内容"></a>4.缓慢滚动需要截取的内容</h2><p>推荐使用触摸板进行<strong>缓慢平滑</strong>的滚动，旁边的预览窗口将会实时显示滚动截图的结果，过快的滚动可能会使截图暂停。</p>
<div align="center"><img src="https://gitee.com/zhangzida/XnipPages/raw/master/images/scrolling_gesture.jpg" alt="" title="[image]" width="500"></div>

<p><br></p>
<p><span id="Limitations"></span></p>
<h1 id="滚动截图的限制"><a href="#滚动截图的限制" class="headerlink" title="滚动截图的限制"></a>滚动截图的限制</h1><p>当你向下滑动截图区域内容时，Xnip 通过多次截图并识别截图中的相同区域对图片进行拼接。</p>
<div align="center"><img src="https://gitee.com/zhangzida/XnipPages/raw/master/images/scrolling_capture_fundamental.jpg" alt="" title="[image]" width="650"></div>

<p>当无法识别出相同的区域时，滚动截图将暂停拼接。</p>
<p>目前，以下几种情况会造成无法识别导致拼接暂停：</p>
<ul>
<li>截图区域选取不对时，请参考<a href="#Select an area">选择需要截图的区域</a>。<strong>通常滚动截图失败都是由于截图区域选择错误导致的，请仔细阅读理解这一步骤以确保选择的截图区域正确！</strong></li>
<li>遇到动态变化的内容时，如视频、网页动效等。</li>
<li>有非纯色背景的内容，如<a href="https://gitee.com/zhangzida/XnipPages/raw/master/images/scrolling_capture_not_support_type.jpg" target="_blank" rel="external">这样的聊天窗口</a></li>
<li>当滚动的速度太快时。</li>
<li>当滚动时有水平方向的偏移时。有的时候比较难进行完全垂直的滚动（如在预览中浏览放大后的图片），你可以在滚动截图时激活相应的窗口，然后用上下方向键来进行完全垂直的滚动。</li>
<li>当前的只支持从上往下进行滚动，从下往上滚动时拼接暂停。</li>
</ul>
<p>我们将在以后的更新中优化算法解决这些限制。</p>

      
    </div>

  </div>

  <div class="article-footer">
    <div class="article-meta pull-left">

    

    

    </div>

    
  </div>
</article>


    </main>

    <footer class="site-footer">
  <p class="site-info">
    Powered by <a href="https://hexo.io/" target="_blank">Hexo</a> |
    Theme - <a href="https://github.com/CodeDaraW/Hacker" target="_blank">Hacker</a> |
    </br>
    
    &copy; 2020 Xnip
    
  </p>
</footer>
    
  </div>
</div>
</body>
</html>